<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Organisation List</title>
<link rel="stylesheet" href="css/style.css" type="text/css" />
<style>
.top {
	border: 0px solid #ccc;
	overflow: hidden;
	padding: 0;
	margin: 0;
	padding-bottom: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.top-left {
	border: 0px solid #ccc;
	font: bold 14px Arial, Verdana, Helvetica, sans-serif;
	float: left;
	padding: 5px 0;
}

.top-right {
	border: 0px solid #ccc;
	float: right;
	text-align: right;
}

.details1 {
	overflow: hidden;
}

.content-left {
	float: left;
	padding-right: 20px;
	border: 0px solid #ccc;
}

.content-right {
	float: right;
	border: 0px solid #ccc;
}

.frm .field {
	display: table;
	margin: 5px;
}

.frm div label {
	width: 150px;
	word-wrap: break-word;
	display: table-cell;
	vertical-align: middle;
	position: static;
}

.frm textarea {
	width: 260px;
	height: 80px;
}

.frm input[type="text"],input[type="password"] {
	width: 260px;
}

.lstcbb {
	width: 260px;
	height: 95px;
	overflow-y: auto;
	border: 1px solid #ccc;
	background-color: #fff;
	display: auto;
}
</style>


<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>

<script type='text/javascript'
	src='http://code.jquery.com/jquery-1.4.4.min.js'></script>

<script type='text/javascript'
	src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.7/jquery-ui.min.js"></script>


<script type='text/javascript'>
	$(window).load(function() {
		$("#tabContaier").tabs();
		$("input.tab-check").change(function() {
			$("a[href='#" + this.value + "']").parent().toggle();
			$("#" + this.value).toggle();
		});

	});
</script>

<script type="text/javascript">
	$(document).ready(function() {
		$(".tabContents").hide();
		$(".tabContents:first").show();

		$("#tabContaier ul li a").click(function() {

			var activeTab = $(this).attr("href");
			$("#tabContaier ul li a").removeClass("active");
			$(this).addClass("active");
			$(".tabContents").hide();
			$(activeTab).fadeIn();
		});
	});
</script>
</head>
<body>
	<form action="ListOrganisation.html" method="post">
		<div id="content">
			<div id="mainContainer">
				<div class="box">
					<div id="container-orglst">
						<h1>Organisation Details</h1>
						<div id="tabContaier">
							<ul class="tabs" style="width: 100%">
								<li><a class="active" href="#tab1">Details 1</a>
								</li>
								<li><a href="#tab2">Details 2</a>
								</li>
								<li><a href="#tab3">Details 3</a>
								</li>

								<div class="top-right include"
									style="width: 400px; float: right; display: inline; margin-bottom: 10px; padding: 0">

									<input type="button" value="Save"> <input type="submit"
										value="Back">
								</div>
							</ul>

							<div class="tabDetails">
								<div id="tab1" class="tabContents details1">
									<form>
										<div class="content-left frm">
											<div class="field">
												<label for="org_name">Organisation Name <span
													style="color: red;">*</span> </label> <input type="text"
													name="name" value="" id="org_name" />
											</div>
											<div class="field">
												<label for="org_desshort">Organisation Short
													Description <span style="color: red;">*</span> </label>
												<textarea name="desshort" id="org_desshort"></textarea>
											</div>
											<div class="field">
												<label for="org_leadcontact">Lead Contact</label> <input
													type="text" name="leadcontact" value=""
													id="org_leadcontact" disabled style="width: 210px;" /> <a
													href="#">Lookup</a>
											</div>
											<div class="field">
												<label for="org_addr1">Address Line 1 <span
													style="color: red;">*</span> </label> <input type="text"
													name="addr1" value="" id="org_addr1" />
											</div>
											<div class="field">
												<label for="org_addr2">Address Line 2</label> <input
													type="text" name="addr2" value="" id="org_addr2" />
											</div>
											<div class="field">
												<label for="org_addr3">Address Line 3</label> <input
													type="text" name="addr3" value="" id="org_addr3" />
											</div>
											<div class="field">
												<label for="org_postcode">Postcode <span
													class="star" style="color: red;">*</span> </label> <input
													type="text" name="postcode" value="" id="org_postcode"
													disabled style="width: 210px;" /> <a href="#">Lookup</a>
											</div>
											<div class="field">
												<label for="org_citytown">City/Town</label> <input
													type="text" name="citytown" value="" id="org_citytown"
													disabled />
											</div>
											<div class="field">
												<label for="org_county">County</label> <input type="text"
													name="county" value="" id="org_county" disabled />
											</div>
											<div class="field">
												<label for="org_country">Nation/Country</label> <input
													type="text" name="country" value="" id="org_country"
													disabled />
											</div>
										</div>
										<div class="content-right frm">
											<div class="field">
												<label for="org_pre">Preferred Organisation</label> <input
													type="checkbox" name="pre" id="org_pre" />
											</div>
											<div class="field">
												<label for="org_expr">Expression of Interest</label> <input
													type="checkbox" name="expr" id="org_expr" class="tab-check"
													value="tab3" checked='checked' />
											</div>
											<div class="field">
												<label for="org_typebus">Type of Business <span
													class="star" style="color: red;">*</span> </label> <input
													type="text" name="typebus" value="" id="org_typebus"
													disabled style="width: 210px;" /> <a href="#">Lookup</a>
											</div>
											<div class="field">
												<label for="org_sic">SIC Code</label> <input type="text"
													name="sic" id="org_sic" disabled style="width: 50px;" />
											</div>
											<div class="field">
												<label for="org_desfull">Organisation Full
													Description</label>
												<textarea name="desfull" id="org_desfull"></textarea>
											</div>
											<div class="field">
												<label for="org_phone">Phone Number <span
													class="star" style="color: red;">*</span> </label> <input
													type="text" name="phone" id="org_phone" />
											</div>
											<div class="field">
												<label for="org_fax">Fax</label> <input type="text"
													name="fax" id="org_fax" />
											</div>
											<div class="field">
												<label for="org_email">Email</label> <input type="text"
													name="email" id="org_email" />
											</div>
											<div class="field">
												<label for="org_web">Web Address</label> <input type="text"
													name="web" id="org_web" />
											</div>
											<div class="field">
												<label for="org_charnum">Charity Number</label> <input
													type="text" name="charnum" id="org_charnum" />
											</div>
											<div class="field">
												<label for="org_comnum">Company Number</label> <input
													type="text" name="comnum" id="org_comnum" />
											</div>
										</div>
									</form>
								</div>
								<div id="tab2" class="tabContents" style="height: 450px">
									<div class="content-left frm">
										<div class="field">
											<label for="ds">Organisation Specialism</label>
											<div id="ds" class="lstcbb">
												<div class="field">
													<input type="checkbox" id="ch1" /><label for="ch1">Blind/Partially
														Sighted</label>
												</div>
												<div class="field">
													<input type="checkbox" id="ch2" /><label for="ch2">Deaf/Hard
														of Hearing</label>
												</div>
												<div class="field">
													<input type="checkbox" id="ch3" /><label for="ch3">Dyslexia</label>
												</div>
												<div class="field">
													<input type="checkbox" id="ch4" /><label for="ch4">Learning
														Disability</label>
												</div>
												<div class="field">
													<input type="checkbox" id="ch5" /><label for="ch5">Mental
														Health</label>
												</div>
											</div>
										</div>
										<div class="clear"></div>
										<div class="field">
											<label for="ds">Service Disabilities Capabilities</label>
											<div id="ds" class="lstcbb">
												<div class="field">
													<input type="checkbox" id="ch11" /><label for="ch11">Chest,
														Breathing Problems</label>
												</div>
												<div class="field">
													<input type="checkbox" id="ch12" /><label for="ch12">Condition
														Restricting Mobility</label>
												</div>
												<div class="field">
													<input type="checkbox" id="ch13" /><label for="ch13">Diabetes</label>
												</div>

												<div class="field">
													<input type="checkbox" id="ch14" /><label for="ch14">Difficulty
														In Hearing</label>
												</div>
											</div>
										</div>
										<div class="field">
											<label for="ds">Service Barriers Capabilities</label>
											<div id="ds" class="lstcbb">
												<div class="field">
													<input type="checkbox" id="ch1" /><label for="ch1">Lone
														Parent</label>
												</div>
												<div class="field">
													<input type="checkbox" id="ch2" /><label for="ch2">ESQL</label>
												</div>
												<div class="field">
													<input type="checkbox" id="ch3" /><label for="ch3">Refugee</label>
												</div>
												<div class="field">
													<input type="checkbox" id="ch4" /><label for="ch4">Basic
														Skills</label>
												</div>

											</div>
										</div>
										<div class="field">
											<label for="ds">Service Benefits Capabilities</label>
											<div id="ds" class="lstcbb">
												<div class="field">
													<input type="checkbox" id="ch1" /><label for="ch1">Disability
														Living Allowance</label>
												</div>
												<div class="field">
													<input type="checkbox" id="ch2" /><label for="ch2">Employment
														And Support Allowance</label>
												</div>
												<div class="field">
													<input type="checkbox" id="ch3" /><label for="ch3">Incapacity
														Benefit</label>
												</div>
												<div class="field">
													<input type="checkbox" id="ch4" /><label for="ch4">Income
														Support</label>
												</div>

											</div>
										</div>
									</div>
									<div class="content-right frm">
										<div class="field">
											<label for="ds">Service Personal Circumstances
												Capabilities</label>
											<div id="ds" class="lstcbb">
												<div class="field">
													<input type="checkbox" id="ch1" /><label for="ch1">Carer
														Responsibilities</label>
												</div>
												<div class="field">
													<input type="checkbox" id="ch2" /><label for="ch2">Lone
														Parent</label>
												</div>

											</div>
										</div>
										<div class="clear"></div>
										<div class="field">
											<label for="ds">Service Ethnicity Capabilities</label>
											<div id="ds" class="lstcbb">
												<div class="field">
													<input type="checkbox" id="ch11" /><label for="ch11">White
														British</label>
												</div>
												<div class="field">
													<input type="checkbox" id="ch12" /><label for="ch12">White
														Irish</label>
												</div>
												<div class="field">
													<input type="checkbox" id="ch13" /><label for="ch13">Other
														White</label>
												</div>
												<div class="field">
													<input type="checkbox" id="ch14" /><label for="ch14">White
														& Black Caribbean</label>
												</div>
												<div class="field">
													<input type="checkbox" id="ch15" /><label for="ch15">White
														& Black African</label>
												</div>
											</div>
										</div>
										<div class="field">
											<label for="ds">Accreditation</label>
											<div id="ds" class="lstcbb">
												<div class="field">
													<input type="checkbox" id="ch1" /><label for="ch1">Two
														Ticks</label>
												</div>
												<div class="field">
													<input type="checkbox" id="ch2" /><label for="ch2">Investors
														In People</label>
												</div>
												<div class="field">
													<input type="checkbox" id="ch3" /><label for="ch3">ISO
														9001</label>
												</div>
												<div class="field">
													<input type="checkbox" id="ch4" /><label for="ch4">ISO
														14001</label>
												</div>
												<div class="field">
													<input type="checkbox" id="ch5" /><label for="ch5">ISO
														27001</label>
												</div>

											</div>
										</div>
									</div>
								</div>
							</div>


							<div id="tab3" class="tabContents details3">
								<form>
									<div class="content-left frm">
										<div class="field">
											<label for="org_name">EOI Programmes <span
												style="color: red;"></span> </label>
											<div id="ds" class="lstcbb">
												<div class="field">
													<input type="checkbox" id="ch11" /><label for="ch11">Programme
														1</label>
												</div>
												<div class="field">
													<input type="checkbox" id="ch12" /><label for="ch12">Programme
														2</label>
												</div>
												<div class="field">
													<input type="checkbox" id="ch13" /><label for="ch13">Programme
														3</label>
												</div>
												<div class="field">
													<input type="checkbox" id="ch14" /><label for="ch14">Programme
														4</label>
												</div>
												<div class="field">
													<input type="checkbox" id="ch15" /><label for="ch15">Programme
														5</label>
												</div>
											</div>
										</div>
									</div>
									<div class="field">
										<label for="org_desshort">EOI Services <span
											style="color: red;"></span> </label>
										<div id="ds" class="lstcbb">
											<div class="field">
												<input type="checkbox" id="ch11" /><label for="ch11">Service
													1</label>
											</div>
											<div class="field">
												<input type="checkbox" id="ch12" /><label for="ch12">Service
													2</label>
											</div>
											<div class="field">
												<input type="checkbox" id="ch13" /><label for="ch13">Service
													3</label>
											</div>
											<div class="field">
												<input type="checkbox" id="ch14" /><label for="ch14">Service
													4</label>
											</div>
											<div class="field">
												<input type="checkbox" id="ch15" /><label for="ch15">Service
													5</label>
											</div>
										</div>

									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</form>
</body>
</html>